<template>
<h1>第一个组件</h1>
  <span>{{info}}</span>
  <h4>我是{{info}}</h4>
  {{info}}
  <hr>
  <p v-text="info2"></p>
  <p v-html="info2"></p>
  <hr>
  <button @click="click()">点击</button>
</template>

<script setup>
import {ref} from "vue";

const info= ref('我是杨硕')
const info2= ref('我是<mark>徐志杰</mark>')

const click=()=>{
 console.log('点击了');
}
</script>


<style scoped>

</style>